# Tools

주요 툴들의 벤치마크 성능과 최신 릴리즈 소식을 한눈에 확인하세요.

---

## 🏢 Major Tools

```{raw} html
<div style="font-family: Arial, sans-serif;">
  <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 30px;">
    
    <!-- Research Card -->
    <div style="background: white; border: 2px solid #10a37f; border-radius: 12px; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
      <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px;">
        <span style="font-size: 1.5rem;">✏️</span>
        <b style="font-size: 1.0rem;">Research</b>
      </div>
      <div style="background: #10a37f; color: white; padding: 5px 10px; border-radius: 5px; font-size: 0.85rem; margin-bottom: 10px;">📌: 6027</div>
      <ul style="margin: 0; padding-left: 20px; font-size: 0.9rem; color: #333;">
        <li>GPTGO</li>
        <li>TutorAI</li>
        <li>Perplexity</li>
      </ul>
    </div>

    <!-- Presentation Card -->
    <div style="background: white; border: 2px solid #4285f4; border-radius: 12px; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
      <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px;">
        <span style="font-size: 1.5rem;">👩‍🏫</span>
        <b style="font-size: 1.0rem;">Presentation</b>
      </div>
      <div style="background: #4285f4; color: white; padding: 5px 10px; border-radius: 5px; font-size: 0.85rem; margin-bottom: 10px;">📌: 4328</div>
      <ul style="margin: 0; padding-left: 20px; font-size: 0.9rem; color: #333;">
        <li>Tome</li>
        <li>PowerMode AI</li>
        <li>STORYD</li>
      </ul>
    </div>

    <!-- Image Editing Card -->
    <div style="background: white; border: 2px solid #d97706; border-radius: 12px; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
      <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px;">
        <span style="font-size: 1.5rem;">🖼️</span>
        <b style="font-size: 1.0rem;">Image Editing</b>
      </div>
      <div style="background: #d97706; color: white; padding: 5px 10px; border-radius: 5px; font-size: 0.85rem; margin-bottom: 10px;">📌: 3744</div>
      <ul style="margin: 0; padding-left: 20px; font-size: 0.9rem; color: #333;">
        <li>Midjourney</li>
        <li>REimagine Home</li>
        <li>Playground AI</li>
      </ul>
    </div>

    <!-- Code Assistant Card -->
    <div style="background: white; border: 2px solid #0668e1; border-radius: 12px; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
      <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px;">
        <span style="font-size: 1.5rem;">🧑‍💻</span>
        <b style="font-size: 1.0rem;">Code Assistant</b>
      </div>
      <div style="background: #0668e1; color: white; padding: 5px 10px; border-radius: 5px; font-size: 0.85rem; margin-bottom: 10px;">📌: 3315</div>
      <ul style="margin: 0; padding-left: 20px; font-size: 0.9rem; color: #333;">
        <li>Windsurf/li>
        <li>MarsX</li>
        <li>GitHub Copilot</li>
      </ul>
    </div>

    <!-- Project Manager Card -->
    <div style="background: white; border: 2px solid #7c3aed; border-radius: 12px; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
      <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px;">
        <span style="font-size: 1.5rem;">👔</span>
        <b style="font-size: 1.0rem;">Project Manager</b>
      </div>
      <div style="background: #7c3aed; color: white; padding: 5px 10px; border-radius: 5px; font-size: 0.85rem; margin-bottom: 10px;">📌: 1633</div>
      <ul style="margin: 0; padding-left: 20px; font-size: 0.9rem; color: #333;">
        <li>NotionAI</li>
        <li>AirOps</li>
        <li>IngestAI</li>
      </ul>
    </div>

    <!-- Text to Image Card -->
    <div style="background: white; border: 2px solid #ef4444; border-radius: 12px; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
      <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px;">
        <span style="font-size: 1.5rem;">🎨</span>
        <b style="font-size: 1.0rem;">Text to Image</b>
      </div>
      <div style="background: #ef4444; color: white; padding: 5px 10px; border-radius: 5px; font-size: 0.85rem; margin-bottom: 10px;">📌: 1614</div>
      <ul style="margin: 0; padding-left: 20px; font-size: 0.9rem; color: #333;">
        <li>Craiyon</li>
        <li>Canva Text to Image</li>
        <li>Leonardo AI</li>
      </ul>
    </div>

    <!-- Translator Card -->
    <div style="background: white; border: 2px solid #06b6d4; border-radius: 12px; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
      <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px;">
        <span style="font-size: 1.5rem;">🦜</span>
        <b style="font-size: 1.0rem;">Translator</b>
      </div>
      <div style="background: #06b6d4; color: white; padding: 5px 10px; border-radius: 5px; font-size: 0.85rem; margin-bottom: 10px;">📌: 1533</div>
      <ul style="margin: 0; padding-left: 20px; font-size: 0.9rem; color: #333;">
        <li>Synthesia</li>
        <li>Papercup</li>
        <li>TalkPal</li>
      </ul>
    </div>

    <!-- AI Agents Card -->
    <div style="background: white; border: 2px solid #1c3c3c; border-radius: 12px; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
      <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px;">
        <span style="font-size: 1.5rem;">🤖</span>
        <b style="font-size: 1.0rem;">AI Agents</b>
      </div>
      <div style="background: #1c3c3c; color: white; padding: 5px 10px; border-radius: 5px; font-size: 0.85rem; margin-bottom: 10px;">📌: 907</div>
      <ul style="margin: 0; padding-left: 20px; font-size: 0.9rem; color: #333;">
        <li>ZenCall.ai</li>
        <li>AgentGPT</li>
        <li>Chatbase</li>
      </ul>
    </div>

  </div>
</div>
```

---

## 🔥 Rising Star

```{raw} html
<div style="font-family: Arial, sans-serif;">
  <div style="background: white; border: 2px solid #38bdf8; border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: space-between; gap: 20px;">
    <div style="display: flex; align-items: center; gap: 15px;">
      <span style="font-size: 2rem;">🔬</span>
      <div>
        <div style="display: flex; align-items: center; gap: 10px;">
          <span style="color: #94a3b8; font-size: 0.9rem;">Rising Star:</span>
          <b style="font-size: 1.4rem; color: #0ea5e9;">GPTGO</b>
          <span style="background: #ef4444; color: white; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem;">🔥 HOT</span>
        </div>
        <p style="margin: 5px 0 0 0; color: #64748b; font-size: 0.9rem;">빠르고 정확한 피드백, GPT 검색 및 질문, 언제 어디서나 사용 가능, 프라이버시, 100개 이상의 언어 지원</p>
      </div>
    </div>
    <div style="display: flex; align-items: center; gap: 15px;">
      <div style="text-align: right;">
        <div style="font-size: 1.5rem; font-weight: bold; color: #0ea5e9;">6k+</div>
        <div style="font-size: 0.8rem; color: #94a3b8;">Mentions (2 weeks)</div>
      </div>
      <div style="width: 120px; height: 40px;">
        <svg viewBox="0 0 120 40" style="width: 100%; height: 100%;">
          <defs>
            <linearGradient id="riseGrad" x1="0%" y1="0%" x2="0%" y2="100%">
              <stop offset="0%" style="stop-color:#0ea5e9;stop-opacity:0.3"/>
              <stop offset="100%" style="stop-color:#0ea5e9;stop-opacity:0"/>
            </linearGradient>
          </defs>
          <polyline fill="url(#riseGrad)" stroke="none" points="0,40 0,35 15,32 30,28 45,25 60,20 75,15 90,10 105,6 120,3 120,40"/>
          <polyline fill="none" stroke="#0ea5e9" stroke-width="2" points="0,35 15,32 30,28 45,25 60,20 75,15 90,10 105,6 120,3"/>
        </svg>
      </div>
    </div>
  </div>
</div>
```

---

## 📢 Latest Updates

```{raw} html
<div style="font-family: Arial, sans-serif; display: flex; flex-direction: column; gap: 15px;">

  <!-- perplexity Update -->
  <div style="background: white; border-left: 4px solid #1c3c3c; border-radius: 8px; padding: 15px; box-shadow: 0 2px 6px rgba(0,0,0,0.08);">
    <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;">
      <b style="font-size: 1.1rem;">Perplexity</b>
      <span style="background: #3b82f6; color: white; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem;">UPDATE</span>
    </div>
    <div style="color: #666; font-size: 0.85rem; margin-bottom: 8px;">📅 2025.12.12</div>
    <p style="margin: 0; color: #333; line-height: 1.5;">GPT-5.2와 Seedream 4.5가 Pro 및 Max 구독자에게 제공되며, 코딩·분석을 위한 더 강력한 multi-step reasoning과 더 시네마틱하고 instruction-aware한 이미지 생성 기능을 제공합니다.</p>
    <a href="https://www.perplexity.ai/changelog/what-we-shipped---december-12th" style="color: #1c3c3c; font-size: 0.9rem; margin-top: 10px; display: inline-block;">🔗 상세 보기 →</a>
  </div>

  <!-- windsurf Update -->
  <div style="background: white; border-left: 4px solid #7c3aed; border-radius: 8px; padding: 15px; box-shadow: 0 2px 6px rgba(0,0,0,0.08);">
    <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;">
      <b style="font-size: 1.1rem;">Windsurf</b>
      <span style="background: #f59e0b; color: white; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem;">UPDATE</span>
    </div>
    <div style="color: #666; font-size: 0.85rem; margin-bottom: 8px;">📅 2025.12.11</div>
    <p style="margin: 0; color: #333; line-height: 1.5;">GPT-5.2가 Windsurf에서 사용 가능해졌으며, 유료 사용자에 한해 한정 기간 동안 0x 크레딧으로 제공됩니다.</p>
    <a href="https://windsurf.com/blog/gpt-5-2" style="color: #7c3aed; font-size: 0.9rem; margin-top: 10px; display: inline-block;">🔗 상세 보기 →</a>
  </div>

  <!-- midjourney Update -->
  <div style="background: white; border-left: 4px solid #10b981; border-radius: 8px; padding: 15px; box-shadow: 0 2px 6px rgba(0,0,0,0.08);">
    <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;">
      <b style="font-size: 1.1rem;">Midjourney</b>
      <span style="background: #22c55e; color: white; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem;">v2.1</span>
      <span style="background: #3b82f6; color: white; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem;">NEW</span>
    </div>
    <div style="color: #666; font-size: 0.85rem; margin-bottom: 8px;">📅 2025.11.20</div>
    <p style="margin: 0; color: #333; line-height: 1.5;">이미지 프롬프트 이미지 트레이를 재설계하고, create 페이지와 에디터의 글리치를 수정했으며, 라이트박스 swipe-to-dismiss를 추가하고, 프롬프트 바 내비게이션을 개선하고, 페이지 필터를 스크롤 가능하게 하여 모바일 사용 경험을 개선했습니다.</p>
    <a href="https://www.midjourney.com/updates" style="color: #10b981; font-size: 0.9rem; margin-top: 10px; display: inline-block;">🔗 상세 보기 →</a>
  </div>

  <!-- airops Update -->
  <div style="background: white; border-left: 4px solid #06b6d4; border-radius: 8px; padding: 15px; box-shadow: 0 2px 6px rgba(0,0,0,0.08);">
    <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;">
      <b style="font-size: 1.1rem;">Airops</b>
      <span style="background: #ef4444; color: white; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem;">BETA</span>
    </div>
    <div style="color: #666; font-size: 0.85rem; margin-bottom: 8px;">📅 2025.11.17</div>
    <p style="margin: 0; color: #333; line-height: 1.5;">AirOps는 차세대 플랫폼을 출시하며, 전체 AI search 가시성 추적을 포함한 새로운 Insights 기능, 확장된 Page360, 그리고 인사이트를 온사이트·오프사이트 실행 우선순위로 전환하는 통합 Actions를 도입했습니다.</p>
    <a href="https://www.airops.com/blog/plays-for-the-holidays-grow-traffic-citations-revenue" style="color: #06b6d4; font-size: 0.9rem; margin-top: 10px; display: inline-block;">🔗 상세 보기 →</a>
  </div>

  <!-- synthesia Update -->
  <div style="background: white; border-left: 4px solid #f97316; border-radius: 8px; padding: 15px; box-shadow: 0 2px 6px rgba(0,0,0,0.08);">
    <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;">
      <b style="font-size: 1.1rem;">Synthesia</b>
      <span style="background: #f59e0b; color: white; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem;">UPDATE</span>
    </div>
    <div style="color: #666; font-size: 0.85rem; margin-bottom: 8px;">📅 2025.11.13</div>
    <p style="margin: 0; color: #333; line-height: 1.5;">Synthesia는 A-roll과 B-roll을 하나의 에디터에서 통합하고, 프롬프트 기반 의상·환경 커스터마이징을 추가하며, Stock Avatar에 대한 콘텐츠 moderation 규칙을 완화한 새로운 커스터마이즈 가능한 액션형 Avatar를 도입했습니다.</p>
    <a href="https://www.synthesia.io/post/synthesia-new-avatars-dont-just-talk-they-take-action" style="color: #f97316; font-size: 0.9rem; margin-top: 10px; display: inline-block;">🔗 상세 보기 →</a>
  </div>

</div>
```